<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // localStorage  H5新增的 本地存储 (string)

    // 增删改查

    // 设置数据


    // JS 对象中包含JSON
    // JSON (数组和js对象 不能包含function,NaN,undefined)
    // var arr = [1, 2, 3, 4];
    // var obj = {
    //     name: "www",
    //     age: 18,
    //     bool: true,
    //     say: function () {
    //         console.log(1111111)
    //     },
    //     num: NaN,
    //     timer: null,
    //     sex: undefined
    // }

    // 把js数据转成对应类型的字符串(数组类型的字符串，和对象类型的字符串 , 不能包含function,NaN,undefined)
    // var result1 = JSON.stringify(arr);
    // console.log(result1, typeof result1);  // "[1,2,3,4]";

    // var result2 = JSON.stringify(obj);
    // console.log(result2, typeof result2);  //  "{"name":"www","age":18}"

    // // 把js对应类型的字符串转为JSON对象
    // var arr = JSON.parse(result1);
    // console.log(arr);

    // var obj = JSON.parse(result2);
    // console.log(obj);



    if (window.localStorage) {
        var arr = [1, 2, 3, 4];
        var obj = {
            name: "www",
            age: 18
        }
        // 添加
        localStorage.setItem("name", "www");
        localStorage.setItem("arr", JSON.stringify(arr));
        localStorage.setItem("obj", JSON.stringify(obj));

        // 获取
        var val = localStorage.getItem("name");
        console.log(val);
        var arrStr = localStorage.getItem("arr");
        console.log(arrStr);
        var arr = JSON.parse(arrStr);
        console.log(arr);

        // 设置 (新值覆盖旧值)

        // 删除  (单删)
        // localStorage.removeItem("name");
        // localStorage.removeItem("arr");

        // clear();
        // localStorage.clear();
    }

    //对象方法设置
    // localStorage.test = "我就是想试试";
    // localStorage["say"] = "你瞅啥？";

    // length  存储数据的个数(localStorage.length)

    // key(index) 
    for (var i = 0; i < localStorage.length; i++) {
        var key = localStorage.key(i);
        console.log(key);
    }

</script>

</html>